<div class="pub-body">
    <h1 align="center">&nbsp;&nbsp;&nbsp;资金流转统计</h1>
    <h2></h2>
        <!-- 资产列表 -->
        <div class="project">
            <el-table :data="assetData" border style="width: 100%" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                <el-table-column prop="contractNo" label="项目ID" ></el-table-column>
                <el-table-column prop="assetName" label="项目名称" ></el-table-column>
                <el-table-column prop="assetType" label="已完成节点" ></el-table-column>
                <el-table-column prop="assetNorm" label="未支付款项"  ></el-table-column>
                <el-table-column prop="supplier" label="支付金额" ></el-table-column>
                <!-- <el-table-column prop="purchaseUnit" label="城市基础设施配套费"></el-table-column> -->
                <!-- <el-table-column prop="assetNum" label="资产数量"></el-table-column> -->
                <!-- <el-table-column prop="taxIncludedPrice" label="人防异地建设费"></el-table-column> -->
                <!-- <el-table-column prop="inboundDate"  label="入库日期"></el-table-column>
                <el-table-column prop="assetStatus"  label="资产状态"></el-table-column> -->
                <el-table-column fixed="right" label="操作" width="200">
                    <template slot-scope="scope">
                        <el-button @click="dialogAsset(scope.row)" type="primary" icon="el-icon-tickets" size="small">新增资金流转记录</el-button>
                        <!-- <el-button @click="dialogUse(scope.row)" type="primary" icon="el-icon-star-on" size="small">资产维修</el-button> -->
                    </template>
                </el-table-column>
            </el-table>
        </div>

        <!-- 详细资金流弹窗 -->
        <el-dialog width="1000px" :title="dialogAssetAdd.title" :visible.sync="dialogAssetAdd.status">
            <el-form ref="assetAddFrom" :rules="assetAddRules" :model="assetAddFrom" label-width="160px">
                <el-form-item prop="assetName" label="项目名称">
                    <el-input :disabled="true"  style="width: 300px;" placeholder="请输入项目名称" v-model="assetAddFrom.assetName"></el-input>
                </el-form-item>
                <el-form-item prop="personalID1" label="交易项">
                    <el-input  style="width: 300px;" placeholder="请输入交易项" v-model="assetAddFrom.personalID1"></el-input>
                </el-form-item>
                <el-form-item prop="personalTel1" label="转账日期">
                    <el-date-picker type="date" placeholder="请选择转账日期" v-model="assetAddFrom.personalTel1" style="width: 300px"></el-date-picker>
                </el-form-item>
                <el-form-item prop="personalTel2" label="付款方">
                    <el-input style="width: 300px;" placeholder="请输入付款方" v-model="assetAddFrom.personalTel2"></el-input>
                </el-form-item>
                <el-form-item prop="personalTel3" label="收款方">
                    <el-input style="width: 300px;" placeholder="请输入收款方" v-model="assetAddFrom.personalTel3"></el-input>
                </el-form-item>
                <el-form-item prop="personalTel4" label="交易金额">
                    <el-input style="width: 300px;" placeholder="请输入交易金额" v-model="assetAddFrom.personalTel4"></el-input>
                </el-form-item>
                <el-form-item prop="monthly" label="备注">
                    <el-input
                        prop="monthlya"
                        style="width: 450px"
                        type="textarea"
                        :rows="3"
                        placeholder="请输入详细说明"
                        v-model="textarea">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="assetUse('assetAddFrom')">提交资金流转记录</el-button>
                    <el-button @click="">取消</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>
    </div>
